<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>技术相关</title>
    <!-- <link rel="stylesheet" href="style.css"> -->
	<link rel="stylesheet" href="/media/tech/tech.css">

</head>
<body>
    <div class="banner">
        <h2 id="text">技术相关</h2>
        <div class="clouds">
            <img src="/media/tech/cloud1.png" style="--i:1;">
            <img src="/media/tech/cloud2.png" style="--i:2;">
            <img src="/media/tech/cloud3.png" style="--i:3;">
            <img src="/media/tech/cloud4.png" style="--i:4;">
            <img src="/media/tech/cloud5.png" style="--i:5;">
            <img src="/media/tech/cloud1.png" style="--i:10;">
            <img src="/media/tech/cloud2.png" style="--i:9;">
            <img src="/media/tech/cloud3.png" style="--i:8;">
            <img src="/media/tech/cloud4.png" style="--i:7;">
            <img src="/media/tech/cloud5.png" style="--i:6;">
        </div>
    </div>

	<!-- <div class="home">
	        <div class="icons">
	            <div class="icons_items">
	                <img height="130px" class="icons_items_imgs" src="/tech/boot.jpg" alt="">
	                <span>BootStrap</span>
	            </div>
	            <div class="icons_items">
	                <img height="130px" class="icons_items_imgs" src="/tech/hwy.jpg" alt="">
	                <span>华为云</span>
	            </div>
	            <div class="icons_items">
	                <img height="130px" class="icons_items_imgs" src="/tech/mysql.jpg" alt="">
	                <span>MySql</span>
	            </div>
	            <div class="icons_items">
	                <img height="130px" class="icons_items_imgs" src="/tech/ajax.jpg" alt="">
	                <span>Ajax</span>
	            </div>
	        </div>
	        <div class="introduce">
	            <div class="introduce_item">
	                <img class="introduce_item_img" src="/tech/django.jpg" alt="">
	                <span class="introduce_item_title">Django是一个开放源代码的Web应用框架，由Python写成。采用了MTV的框架模式，即模型M，视图V和模版T。它最初是被开发来用于管理劳伦斯出版集团旗下的一些以新闻内容为主的网站的，即是CMS（内容管理系统）软件。并于2005年7月在BSD许可证下发布。这套框架是以比利时的吉普赛爵士吉他手Django Reinhardt来命名的。2019年12月2日，Django 3. 0发布</span>

	            </div>
	            <div class="introduce_item">

	                <span class="introduce_item_titles">RTMP是Real Time Messaging Protocol（实时消息传输协议）的首字母缩写。该协议基于TCP，是一个协议族，包括RTMP基本协议及RTMPT/RTMPS/RTMPE等多种变种。RTMP是一种设计用来进行实时数据通信的网络协议，主要用来在Flash/AIR平台和支持RTMP协议的流媒体/交互服务器之间进行音视频和数据通信。支持该协议的软件包括Adobe Media Server/Ultrant Media Server/red5等。RTMP与HTTP一样，都属于TCP/IP四层模型的应用层。</span>
	                <img class="introduce_item_img" src="/tech/rtmp.jpg" alt="">
	            </div>
	            <div class="introduce_item">
	                <img class="introduce_item_img" src="/tech/yolo.jpg" alt="">
	                <span class="introduce_item_title">2020 年 4 月，YOLOv4 在悄无声息中重磅发布，在目标检测领域引起广泛的讨论。在 YOLO 系列的原作者 Joseph Redmon 宣布退出 CV 领域后，表明官方不再更新 YOLOv3。但在过去的两年中，AlexeyAB 继承了 YOLO 系列的思想和理念，在 YOLOv3 的基础上不断进行改进和开发，于今年 4 月发布 YOLOv4，并得到了原作者 Joseph Redmon 的承认。</span>
	            </div>
	            <div class="introduce_item">
	                <span class="introduce_item_titles">一个机器学习的开源库，包含了机器学习的很多算法，使用起来很方便，直接包含头文件即可，并且不依赖于其他库（自带图像编解码库源码）。Dlib可以帮助您创建很多复杂的机器学习方面的软件来帮助解决实际问题。目前Dlib已经被广泛的用在行业和学术领域,包括机器人,嵌入式设备,移动电话和大型高性能计算环境。</span>
	                <img class="introduce_item_img" src="/tech/dlib.jpg" alt="">
	            </div>
	        </div>
	        <audio autoplay="autoplay" id="audio" loop="loop">
	                <source src="/tech/music.mp3" type="audio/MP3">

	        </audio>
	        <img class="music_img" src="/tech/music.jpg" alt="">
	    </div> -->

		<div class="home">
		       <div class="icons">
		            <div class="icons_items">
		                <img height="130px" class="icons_items_imgs" src="/media/tech/boot.jpg" alt="">
		                <span>BootStrap</span>
		            </div>
		            <div class="icons_items">
		                <img height="130px" class="icons_items_imgs" src="/media/tech/hwy.jpg" alt="">
		                <span>华为云</span>
		            </div>
		            <div class="icons_items">
		                <img height="130px" class="icons_items_imgs" src="/media/tech/mysql.jpg" alt="">
		                <span>MySql</span>
		            </div>
		            <div class="icons_items">
		                <img height="130px" class="icons_items_imgs" src="/media/tech/ajax.jpg" alt="">
		                <span>Ajax</span>
		            </div>
		        </div>

		        <div class="introduce">
		            <div class="introduce_item">
		                <img class="introduce_item_img" src="/media/tech/django.jpg" alt="">
						<section>
						     <h2>Django</h2>
						     <p>Django是一个开放源代码的Web应用框架，由Python写成。采用了MTV的框架模式，
						即模型M，视图V和模版T。它最初是被开发来用于管理劳伦斯出版集团旗下的一些以新闻内容为主的网站的，即是CMS（内容管理系统）软件。
						并于2005年7月在BSD许可证下发布。这套框架是以比利时的吉普赛爵士吉他手Django Reinhardt来命名的。2019年12月2日，Django 3. 0发布</p>
						 </section>
<!-- 		                <span class="introduce_item_title">Django是一个开放源代码的Web应用框架，由Python写成。采用了MTV的框架模式，
						即模型M，视图V和模版T。它最初是被开发来用于管理劳伦斯出版集团旗下的一些以新闻内容为主的网站的，即是CMS（内容管理系统）软件。
						并于2005年7月在BSD许可证下发布。这套框架是以比利时的吉普赛爵士吉他手Django Reinhardt来命名的。2019年12月2日，Django 3. 0发布</span> -->
		            </div>

		            <div class="introduce_item">
						<section>
						<h2>RTMP</h2>
						     <p>RTMP是Real Time Messaging Protocol（实时消息传输协议）的首字母缩写。该协议基于TCP，是一个协议族，包括RTMP基本协议及RTMPT/RTMPS/RTMPE等多种变种。RTMP是一种设计用来进行实时数据通信的网络协议，主要用来在Flash/AIR平台和支持RTMP协议的流媒体/交互服务器之间进行音视频和数据通信。支持该协议的软件包括Adobe Media Server/Ultrant Media Server/red5等。
							 RTMP与HTTP一样，都属于TCP/IP四层模型的应用层。</p>
						 </section>
		                <!-- <span class="introduce_item_titles">RTMP是Real Time Messaging Protocol（实时消息传输协议）的首字母缩写。该协议基于TCP，是一个协议族，包括RTMP基本协议及RTMPT/RTMPS/RTMPE等多种变种。RTMP是一种设计用来进行实时数据通信的网络协议，主要用来在Flash/AIR平台和支持RTMP协议的流媒体/交互服务器之间进行音视频和数据通信。支持该协议的软件包括Adobe Media Server/Ultrant Media Server/red5等。RTMP与HTTP一样，都属于TCP/IP四层模型的应用层。</span> -->
		                <img class="introduce_item_img" src="/media/tech/rtmp.jpg" alt="">
		            </div>

		            <div class="introduce_item">
		                <img class="introduce_item_img" src="/media/tech/yolo.jpg" alt="">
						<section>
						<h2>YOLO</h2>
						     <p>2020 年 4 月，YOLOv4 在悄无声息中重磅发布，
						在目标检测领域引起广泛的讨论。在 YOLO 系列的原作者 Joseph Redmon 宣布退出 CV 领域后，
						表明官方不再更新 YOLOv3。但在过去的两年中，AlexeyAB 继承了 YOLO 系列的思想和理念，
						在 YOLOv3 的基础上不断进行改进和开发，于今年 4 月发布 YOLOv4，
						并得到了原作者 Joseph Redmon 的承认</p>
						 </section>
		                <!-- <span class="introduce_item_title">2020 年 4 月，YOLOv4 在悄无声息中重磅发布，
						在目标检测领域引起广泛的讨论。在 YOLO 系列的原作者 Joseph Redmon 宣布退出 CV 领域后，
						表明官方不再更新 YOLOv3。但在过去的两年中，AlexeyAB 继承了 YOLO 系列的思想和理念，
						在 YOLOv3 的基础上不断进行改进和开发，于今年 4 月发布 YOLOv4，
						并得到了原作者 Joseph Redmon 的承认。</span> -->
		            </div>

		            <div class="introduce_item">
						<section>
						<h2>Dlib</h2>
						     <p>一个机器学习的开源库，包含了机器学习的很多算法，
						使用起来很方便，直接包含头文件即可，并且不依赖于其他库（自带图像编解码库源码）。
						Dlib可以帮助您创建很多复杂的机器学习方面的软件来帮助解决实际问题。
						目前Dlib已经被广泛的用在行业和学术领域,包括机器人,嵌入式设备,移动电话和大型高性能计算环境。</p>
						 </section>
		                <!-- <span class="introduce_item_titles">一个机器学习的开源库，包含了机器学习的很多算法，
						使用起来很方便，直接包含头文件即可，并且不依赖于其他库（自带图像编解码库源码）。
						Dlib可以帮助您创建很多复杂的机器学习方面的软件来帮助解决实际问题。
						目前Dlib已经被广泛的用在行业和学术领域,包括机器人,嵌入式设备,移动电话和大型高性能计算环境。</span> -->
		                <img class="introduce_item_img" src="/media/tech/dlib.jpg" alt="">
		            </div>
		        </div>
<!-- 		        <audio autoplay="autoplay" id="audio" loop="loop">
		                <source src="./tech/music.mp3" type="audio/MP3">

		        </audio>
		        <img class="music_img" src="./tech/logo.jpg" alt=""> -->
		    </div>

   <!-- <section>
        <h2>Realistic Cloud Banner Parallax Effects</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br><br>
        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    </section> -->
    <script>
        let text = document.getElementById('text');
        window.addEventListener('scroll', function() {
            let value = window.scrollY;
            text.style.marginBotton = value * 2 + 'px';
        });
    </script>
</body>
</html>
